<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
	 <p>原价格：{{price}}</p>
	 <!-- 过滤器可以传参 -->
	 <p>处理为美元：{{price | formatMoney('en-US')}}</p>
	 </div>
	 <script src="js/vue.js"></script>
	 <script>
	 const app = new Vue({
	 el: "#app",
		 data: {
		 price: 19812.549
		 },
		 filters: {
		 // 第一个参数是要过滤的数据，第二个参数开始是过滤器传的参数
		 formatMoney(money, locales) {
		 // toLocaleString() 方法返回这个数字特定于语言环境的表示字符串
		 return '$' + money.toFixed(2).toLocaleString(locales);
		 }
		 }
		 });
		 </script>
	</body>
</html>
